
<h3>Search</h3>
<div id="site_search">
	<div class="input-group input-group-sm" style="margin:0;width:100%;">
		<input type="text" id="search_box" class="form-control" placeholder="Search">
	</div>
	<ul id="search_results" class="list-group list-group-flush" style="margin:0;"></ul>
</div>

<link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/modules/sidebar-search.css">
<script src="{{ site.url }}/assets/js/simple-jekyll-search.min.js"></script>

<script type="text/javascript">
SimpleJekyllSearch({
    searchInput: document.getElementById('search_box'),
    resultsContainer: document.getElementById('search_results'),
    json: '{{ site.url }}/assets/search_data.json',
    searchResultTemplate: '<li class="list-group-item"><a href="{url}" title="{desc}">{title}</a></li>',
    noResultsText: '<li class="list-group-item"><a href="javascript:;">No results found</a></li>',
    limit: {{ site.simple_jekyll_search.limit }},
    fuzzy: false,
    exclude: ['Welcome']
})
</script>
